<!--  -->
<template>
    <div class="home">
        <LiMenu v-model:activeName="current" @update:activeName="handleUpdate">
            <LiMenuItem name="1" icon="icon-zhuti">Navigation 1</LiMenuItem>
            <LiMenuItem name="2">
                <template #icon>2</template>
                Navigation 2
            </LiMenuItem>
        </LiMenu>

        <LiIcon icon="icon-bianji" size="28px"></LiIcon>

        <LiMenu v-model:activeName="current" @update:activeName="handleUpdate" mode="inline">
            <LiMenuItem name="1" icon="icon-zhuti">Navigation 1</LiMenuItem>
            <LiMenuItem name="2">
                <template #icon>2</template>
                Navigation 2
            </LiMenuItem>
        </LiMenu>
    </div>
</template>

<script setup lang="ts">
import { App, onMounted, ref } from 'vue';
import LiButton from '@/components/li-button/li-button.vue';
import LiColorSelect from '@/components/li-color-select/li-color-select.vue';
import LiDivider from '@/components/li-divider/li-divider.vue';
import LiGrid from '@/components/li-grid/li-grid.vue';
import LiGridItem from '@/components/li-grid/li-grid-item.vue';
import LiIcon from '@/components/li-icon/li-icon.vue';
import LiLabel from '@/components/li-label/li-label.vue';
import LiLayout from '@/components/li-layout/li-layout.vue';
import LiLayoutContent from '@/components/li-layout/li-layout-content.vue';
import LiLayoutFooter from '@/components/li-layout/li-layout-footer.vue';
import LiLayoutHeader from '@/components/li-layout/li-layout-header.vue';
import LiLayoutSider from '@/components/li-layout/li-layout-sider.vue';
import LiMenu from '@/components/li-menu/li-menu.vue';
import LiSubMenu from '@/components/li-menu/li-sub-menu.vue';
import LiMenuItem from '@/components/li-menu/li-menu-item.vue';
import LiMenuGroup from '@/components/li-menu/li-menu-group.vue';
import LiRow from '@/components/li-row-col/li-row.vue';
import LiCol from '@/components/li-row-col/li-col.vue';
import LiTransition from '@/components/li-transition/li-transition.vue';

const current = ref('1');

const handleUpdate = (value: any) => {};

onMounted(() => {});
</script>
<style lang="less" scoped></style>
